<!DOCTYPE HTML>
<html lang="zh-CN">


<head>
    <meta charset="utf-8">
    <meta name="keywords" content="基于Gitee+Hexo的个人博客搭建教程, 木千之的格物斋">
    <meta name="description" content="基于Gitee+Hexo搭建个人博客说到个人博客，我更倾心于GitHub Page方式的个人静态博客，虽然每次需要自己基于Markdown文档生成HTML页面，但是这种方式一是免费，二是可以完全自定义博客且木有广告链接，想用起来极为干净舒适">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <title>基于Gitee+Hexo的个人博客搭建教程 | 木千之的格物斋</title>
    <link rel="icon" type="image/png" href="/favicon.png">

    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/materialize/css/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/css/my.css">
    <style type="text/css">
        
    </style>

    <script src="/libs/jquery/jquery-2.2.0.min.js"></script>
<link rel="stylesheet" href="/css/prism-tomorrow.css" type="text/css"></head>


<body>

<header class="navbar-fixed">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="container">
            <div class="nav-wrapper">
                <div class="brand-logo">
                    <a href="/" class="waves-effect waves-light">
                        
                        <img src="/medias/logo.png" class="logo-img hide-on-small-only">
                        
                        <span class="logo-span">木千之的格物斋</span>
                    </a>
                </div>
                

<a href="#" data-activates="mobile-nav" class="button-collapse"><i class="fa fa-navicon"></i></a>
<ul class="right">
    
    <li class="hide-on-med-and-down">
        <a href="/" class="waves-effect waves-light">
            
            <i class="fa fa-home"></i>
            
            <span>首页</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/tags" class="waves-effect waves-light">
            
            <i class="fa fa-tags"></i>
            
            <span>标签</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/categories" class="waves-effect waves-light">
            
            <i class="fa fa-bookmark"></i>
            
            <span>分类</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/archives" class="waves-effect waves-light">
            
            <i class="fa fa-archive"></i>
            
            <span>归档</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/about" class="waves-effect waves-light">
            
            <i class="fa fa-user-circle-o"></i>
            
            <span>关于</span>
        </a>
    </li>
    
    <li class="hide-on-med-and-down">
        <a href="/friends" class="waves-effect waves-light">
            
            <i class="fa fa-address-book"></i>
            
            <span>友情链接</span>
        </a>
    </li>
    
    <li>
        <a id="toggleSearch" class="waves-effect waves-light">
            <i id="searchIcon" class="mdi-action-search" title="搜索"></i>
        </a>
    </li>

</ul>

<div class="side-nav" id="mobile-nav">

    <div class="mobile-head bg-color">
        
        <img src="/medias/logo.png" class="logo-img circle responsive-img">
        
        <div class="logo-name">木千之的格物斋</div>
        <div class="logo-desc">
            
            人，既无虎狼之爪牙，亦无狮象之力量，却能擒狼缚虎，驯狮猎象，无它，惟智慧耳。
            
        </div>
    </div>

    

    <ul class="menu-list mobile-menu-list">
        
        <li>
            <a href="/" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-home"></i>
                
                首页
            </a>
        </li>
        
        <li>
            <a href="/tags" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-tags"></i>
                
                标签
            </a>
        </li>
        
        <li>
            <a href="/categories" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-bookmark"></i>
                
                分类
            </a>
        </li>
        
        <li>
            <a href="/archives" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-archive"></i>
                
                归档
            </a>
        </li>
        
        <li>
            <a href="/about" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-user-circle-o"></i>
                
                关于
            </a>
        </li>
        
        <li>
            <a href="/friends" class="waves-effect waves-light">
                
                <i class="fa fa-fw fa-address-book"></i>
                
                友情链接
            </a>
        </li>
        
        
    </ul>

    <div class="social-link">


    <a href="mailto:windhawk_wings@163.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fa fa-envelope-open"></i>
    </a>



    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2796418272" class="tooltipped" data-tooltip="QQ联系我: 2796418272" data-position="top" data-delay="50">
        <i class="fa fa-qq"></i>
    </a>



    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
        <i class="fa fa-rss"></i>
    </a>
</div>
</div>

            </div>
        </div>

        
    </nav>
</header>





<div class="bg-cover post-cover" style="background-image: url('/medias/featureimages/26.jpg')">
    <div class="container">
        <div class="row">
            <div class="col s12 m12 l12">
                <div class="brand">
                    <div class="description center-align post-title">
                        基于Gitee+Hexo的个人博客搭建教程
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<main class="post-container content">

    
    <link rel="stylesheet" href="/libs/tocbot/tocbot.css">
<style>
    #articleContent h1::before,
    #articleContent h2::before,
    #articleContent h3::before,
    #articleContent h4::before,
    #articleContent h5::before,
    #articleContent h6::before {
        display: block;
        content: " ";
        height: 100px;
        margin-top: -100px;
        visibility: hidden;
    }

    #articleContent :focus {
        outline: none;
    }

    .toc-fixed {
        position: fixed;
        top: 64px;
    }

    .toc-widget {
        padding-left: 20px;
    }

    .toc-widget .toc-title {
        margin: 35px 0 15px 0;
        padding-left: 17px;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.5rem;
    }

    .toc-widget ol {
        padding: 0;
        list-style: none;
    }

    #toc-content ol {
        padding-left: 10px;
    }

    #toc-content ol li {
        padding-left: 10px;
    }

    #toc-content .toc-link:hover {
        color: #42b983;
        font-weight: 700;
        text-decoration: underline;
    }

    #toc-content .toc-link::before {
        background-color: transparent;
        max-height: 25px;
    }

    #toc-content .is-active-link {
        color: #42b983;
    }

    #toc-content .is-active-link::before {
        background-color: #42b983;
    }
</style>
<div class="row">
    <div class="col s12 m12 l9">
        <!-- 文章内容详情 -->
<div id="artDetail">
    <div class="card">
        <div class="card-content article-info">
            <div class="row tag-cate">
                <div class="col s7">
                    
                    <div class="article-tag">
                        
                            <a href="/tags/Gitee-Hexo/" target="_blank">
                                <span class="chip bg-color">Gitee, Hexo</span>
                            </a>
                        
                    </div>
                    
                </div>
                <div class="col s5 right-align">
                    
                    <div class="post-cate">
                        <i class="fa fa-bookmark fa-fw icon-category"></i>
                        
                            <a href="/categories/格物致知/" class="post-category" target="_blank">
                                格物致知
                            </a>
                        
                    </div>
                    
                </div>
            </div>

            <div class="post-info">
                <div class="post-date info-break-policy">
                    <i class="fa fa-calendar-minus-o fa-fw"></i>发布日期:&nbsp;&nbsp;
                    2019-03-26
                </div>

                
				
				
                    <div id="busuanzi_container_page_pv" class="info-break-policy">
                        <i class="fa fa-eye fa-fw"></i>阅读次数:&nbsp;&nbsp;
                        <span id="busuanzi_value_page_pv"></span>
                    </div>
				
            </div>
        </div>
        <hr class="clearfix">
        <div class="card-content article-card-content">
            <div id="articleContent">
                <h2 id="基于Gitee-Hexo搭建个人博客"><a href="#基于Gitee-Hexo搭建个人博客" class="headerlink" title="基于Gitee+Hexo搭建个人博客"></a>基于Gitee+Hexo搭建个人博客</h2><p>说到个人博客，我更倾心于<strong>GitHub Page</strong>方式的个人静态博客，虽然每次需要自己基于<em>Markdown</em>文档生成<em>HTML</em>页面，但是这种方式一是免费，二是可以完全自定义博客且木有广告链接，想用起来极为干净舒适！</p>
<p>奈何由于国外的<strong>GitHub Page</strong>访问总是莫名龟速且不稳定，幸好我们有了国内对应的第一个开源代码托管平台<strong>码云：码云（<a href="https://gitee.com/）" target="_blank" rel="noopener">https://gitee.com/）</a></strong>，因而可以在国内搭建访问与SEO检索都优于<strong>GitHub</strong>的个人网站。</p>
<p>由于自己刚接触个人网站不久，而且上周才勉强搭建起自己的个人小站。虽然网上有很多详细的教程，但是大多教程彼此借鉴严重，很多步骤只是标准化的回答，导致自己在实际搭建时遇到了不少看似不大，却很严重的“大坑”。作为记录整理，趁热打铁来梳理一下安装过程中遇到的“坑”，也希望可以为其他选择使用<em>Gitee+Hexo</em>搭建个人博客的亲们提供帮助。</p>
<hr>
<h3 id="一、环境配置"><a href="#一、环境配置" class="headerlink" title="一、环境配置"></a>一、环境配置</h3><p>由于我们选择在<em>Windows 10平台</em>上使用<em>Gitee+Hexo</em>来搭建个人博客，且网站/博客本质上是一个资源目录，其中包含了显示的页面文本与调用的样式（CSS等）文件，因此我们需要首先在本地建立一个存储个人网站的目录，如命名为<em>MyWebDir</em>。</p>
<p>接下来，我们就需要安装两个重要的环境，一个是提供版本克隆与下载跟踪的<em>Git</em>，一个是由文本文件生成<em>HTML</em>文件的<em>Hexo</em>框架，其中：</p>
<ul>
<li><em>node.js</em>下载可以从其官方界面开始<a href="https://nodejs.org/zh-cn/" target="_blank" rel="noopener">https://nodejs.org/zh-cn/</a></li>
<li><em>Git</em>下载则可以从其官方界面开始<a href="https://git-scm.com/" target="_blank" rel="noopener">https://git-scm.com/</a></li>
</ul>
<p>上述安装下载后按照指示安装即可，安装成功在<em>MyWeb</em>中单击空白右键，应能弹出启动<em>Git Bash Here</em>的选项。</p>
<h3 id="二、Hexo的安装与基本命令"><a href="#二、Hexo的安装与基本命令" class="headerlink" title="二、Hexo的安装与基本命令"></a>二、Hexo的安装与基本命令</h3><p>接下来我们可以安装生成网站的关键——<strong>Hexo</strong>架构了，其主要信息和安装命令、主题等都可以从其官网轻松得到：<a href="https://hexo.io/zh-cn/" target="_blank" rel="noopener">https://hexo.io/zh-cn/</a></p>
<p>为了安装<em>Hexo</em>，只需要在<em>MyWeb</em>目录中单击右键启动<em>Git Bash Here</em>，然后输入命令：</p>
<pre class=" language-git"><code class="language-git">npm install hexo-cli -g
</code></pre>
<p>网上有很多其他的命令，建议<strong>一切以官网命令为依据</strong>，由于时间版本原因，很有可能未来的命令发生改变而失效。</p>
<p>然后等待几分钟（取决于你的网速），完成后需要首先进行初始化在本地生成<em>Hexo</em>相关目录：</p>
<pre><code>hexo init
</code></pre><p>然后就可以使用<em>Hexo三连</em>了，即我们最常用的三个主要命令（依旧在上述Git Bash命令端口中）：</p>
<pre><code>hexo clean # 清空已有hexo网站文件
hexo generate(or g) # 依据网页文本与新的CSS样式生成新网站文件
hexo server(or s) # 启动本地服务器，可以在localhost:4000查看网站修改效果
</code></pre><p>依次运行上述三个命令，就可以在浏览器打开<em>localhost:4000</em>端口，查看对应网站界面效果，一般默认的是一个<em>landscape</em>主题，后期当提交新文章或者新的样式修改时，往往都是先从本地查看结果无误后再部署到<em>Gitee Page</em>。</p>
<h3 id="三、主题下载与安装"><a href="#三、主题下载与安装" class="headerlink" title="三、主题下载与安装"></a>三、主题下载与安装</h3><p><em>Hexo</em>官网上提供了丰富的主题可选，你只需要打开对应的界面（<a href="https://hexo.io/themes/）选择喜欢的，然后点击**名称**跳转到**GitHub**仓库选择*下载或者克隆*对应的**zip**文件到本地，并且解压到网站目录下的**themes**目录即可。" target="_blank" rel="noopener">https://hexo.io/themes/）选择喜欢的，然后点击**名称**跳转到**GitHub**仓库选择*下载或者克隆*对应的**zip**文件到本地，并且解压到网站目录下的**themes**目录即可。</a></p>
<p><img src="/2019/03/26/基于Gitee-Hexo的个人博客搭建教程/Hexo Themes.png" alt></p>
<p>下图中则是我网站中的主题文件，请注意网站的路径：</p>
<p><img src="/2019/03/26/基于Gitee-Hexo的个人博客搭建教程/Hexo Themes Zips.png" alt></p>
<p>然后接下来，你需要修改两个配置文件：</p>
<ul>
<li>你的网站根目录下的<strong>_config.yml</strong>文件，即网站配置文件；</li>
<li>你选择的主题的自带配置文件<strong>_config.yml</strong>，即主题样式配置文件；</li>
</ul>
<p>网站配置文件会配置你网站的<strong>URL</strong>地址、博客名称以及与<strong>Gitee上传的方式</strong>等基本信息；而主题样式配置文件则会定义实际页面显示的美观效果、多媒体（声音视频等）以及评论等附加功能。</p>
<h3 id="四、网站配置文件修改"><a href="#四、网站配置文件修改" class="headerlink" title="四、网站配置文件修改"></a>四、网站配置文件修改</h3><p>关于网站配置文件修改很简单，但是并不容易，因为一不小心就会出现域名带来的访问错误，在开始修改网站配置文件前，我建议大家先去<em>Gitee</em>上注册登录新建一个仓库用来保存你未来展示的个人博客页面、样式等资源，关于名称，很多网上教程都说可以自定义，然后在配置文件中正确指定即可，然而这里自己遇到了第一个<strong>坑</strong>：</p>
<h4 id="坑一：新建仓库与Gitee不同名导致无法正确解析"><a href="#坑一：新建仓库与Gitee不同名导致无法正确解析" class="headerlink" title="坑一：新建仓库与Gitee不同名导致无法正确解析"></a>坑一：新建仓库与<em>Gitee</em>不同名导致无法正确解析</h4><p>网站配置文件采用文本样式打开后，可以找到下面一段代码：</p>
<pre class=" language-html"><code class="language-html"># URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

url: http://muqianzhi.gitee.io/
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
</code></pre>
<p>上述说明中提到可以自定义名称，只需要在<em>root</em>字段修改即可，然而这里有两个容易出问题的地方：</p>
<ul>
<li>你的<em>URL</em>并不是你所在仓库的地址，而应该是你启动仓库的<strong>Gitee Page</strong>服务后分配给你的网站静态域名，以我个人为例，仓库地址为：<a href="https://gitee.com/MuQianzhi/MuQianzhi（我新建的网站名称与Gitee账号同名），而网站*URL*应为“服务--Gitee" target="_blank" rel="noopener">https://gitee.com/MuQianzhi/MuQianzhi（我新建的网站名称与Gitee账号同名），而网站*URL*应为“服务--Gitee</a> Page”启动/更新后显示的网站地址：<a href="https://muqianzhi.gitee.io">https://muqianzhi.gitee.io</a></li>
<li>你的网站目录当然可以和账户不同名，但是那样就需要按照文档说明修改<em>root</em>字段，自己当初定义的名称不同，结果导致域名莫名无法解析，总是无法正确访问网页，因此干脆像<strong>GitHub Page</strong>一样强制要求使用账号同名新建网站仓库，这样还获得了以账号名为特征的独有域名，一举两得！</li>
</ul>
<p><img src="/2019/03/26/基于Gitee-Hexo的个人博客搭建教程/Hexo Gitee Pages.png" alt></p>
<p>跳过了上面的坑，接下来需要制定网站采用的主题样式，这里也需要注意：<strong>主题文件解压缩后不要重命名，直接将主题文件名称复制后设置为网站主题</strong>，即</p>
<pre><code># Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
# theme: landscape
theme: hexo-theme-landscape
</code></pre><p>然后需要再修改一次网站部署方式，即<strong>如何上传到Gitee上供大家访问呢</strong>？自己也遇到了第二个坑：</p>
<h4 id="坑二：Git部署目录不是仓库地址！"><a href="#坑二：Git部署目录不是仓库地址！" class="headerlink" title="坑二：Git部署目录不是仓库地址！"></a>坑二：Git部署目录不是仓库地址！</h4><p>修改代码：</p>
<pre><code># Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: https://gitee.com/MuQianzhi/MuQianzhi.git
  branch: master

</code></pre><p>注意上面的repository地址并不是仓库的地址，而是你下载/克隆项目时弹出的那个地址，如果使用<em>git</em>就选择<strong>SSH</strong>，如果选择<strong>HTTPS</strong>那么相应的<em>type</em>字段也要修改为<em>https</em></p>
<p><img src="/2019/03/26/基于Gitee-Hexo的个人博客搭建教程/Gitee Git Repo.png" alt></p>
<p>完成上述修改后，一般而言可以启动本地服务器（你还记得上面的<em>hexo s</em>么？），然后从<em>localhost:4000</em>访问查看即可。</p>
<p>跳过了上面两个坑，后面就比较简单了，你需要仔细阅读主题文件下的<em>README.md</em>文件以根据主题特点实现自定制网站。在此之前，你还需要在网站的<em>Git Bash</em>中运行一次安装所有主题依赖插件包的命令：</p>
<pre><code>npm install
</code></pre><h3 id="五、Hexo博客中插入图片"><a href="#五、Hexo博客中插入图片" class="headerlink" title="五、Hexo博客中插入图片"></a>五、Hexo博客中插入图片</h3><p>一般而言<em>Markdown</em>都提供插入外链图片的方式，然而由于各种网络传输问题，容易导致由此生成的静态网页中的图片无法成功加载，因此本文推荐一种适用于<em>Hexo 3.0以上版本</em>的简单插入图片的方式。</p>
<ul>
<li><p>首先修改网站配置文件中的代码：<em>post_asset_folder: true</em></p>
</li>
<li><p>然后在网站目录下运行<em>Git Bash Here</em>，执行命令</p>
<pre><code>hexo new &#39;your article name&#39;
</code></pre></li>
<li><p>运行成功之后就会在网站下的<em>E:\MuQianzhi Blog\source_posts</em>中分别生成对应的<em>Markdown</em>文件与同名空目录；</p>
</li>
<li><p>你的博客文章直接在生成的<em>.md</em>文件中编辑，而引用的图片则以<em>Markdown</em>标准形式<em>![]</em>(图片的相对路径)的形式进行，这里的图片路径需要注意要采用相对路径，即(<strong>注意需要将‘\’转变为’/‘</strong>)</p>
<pre><code>/your article name/picture&#39;s name.png/jpg
</code></pre></li>
<li><p>然后运行<em>hexo 三连</em>查看本地图片是否成功，之后运行<em>hexo d</em>部署到<em>Gitee</em>即可</p>
</li>
</ul>
<h3 id="六、Gitee端的更新"><a href="#六、Gitee端的更新" class="headerlink" title="六、Gitee端的更新"></a>六、Gitee端的更新</h3><p>其实这也算一个小坑吧，一般而言理解一旦运行了<em>hexo deploy(or d)</em>应该就已经将新的网站文件（主要是网站目录下的<em>public</em>目录）上传到了<em>Gitee</em>，然而事实上上步之后直接访问网站URL会发现页面没有改变，原因在于：<strong>你、没有、更新！</strong></p>
<p>是的，对于免费<em>Gitee用户</em>而言，你会需要手动更新一下<strong>Gitee Page</strong>，然后才可以将修改真的“部署”到可访问的网站上。</p>
<p>以上。</p>
<h3 id="七、末尾"><a href="#七、末尾" class="headerlink" title="七、末尾"></a>七、末尾</h3><p>上述过程记录了一般采用<strong>Gitee+Hexo</strong>搭建个人博客的过程，除了跳过几个“坑”之外，还需要认真阅读主题目录下的<em>README.md</em>文件，以进一步修改页面的索引、标签、图片风格等具体样式。</p>
<p>好了，到此为止，你已经有了一个初步的个人博客，剩下的是根据需要添加不同插件或者调整风格了。</p>
<p>祝愿大家都能有一个属于自己的<strong>个人博客</strong>，感兴趣的朋友可以随时联系我，也可以访问我的个人网站 <a href="https://muqianzhi.gitee.io/">https://muqianzhi.gitee.io/</a></p>

            </div>
            <hr/>

            
            <style>
    #reward {
        margin: 40px 0;
        text-align: center;
    }

    #reward .reward-link {
        font-size: 1.88rem;
    }

    #reward .btn-floating:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    #rewardModal {
        width: 320px;
        height: 350px;
    }

    #rewardModal .reward-title {
        margin: 15px auto;
        padding-bottom: 5px;
    }

    #rewardModal .modal-content {
        padding: 10px;
    }

    #rewardModal .close {
        position: absolute;
        right: 15px;
        top: 15px;
        color: rgba(0, 0, 0, 0.5);
        font-size: 1.3rem;
        line-height: 20px;
        cursor: pointer;
    }

    #rewardModal .reward-tabs {
        margin: 0 auto;
        width: 210px;
    }

    .reward-tabs .tabs {
        height: 38px;
        margin: 10px auto;
        padding-left: 0;
    }

    .reward-tabs .tabs .tab {
        height: 38px;
        line-height: 38px;
    }

    .reward-tabs .tab a {
        color: #fff;
        background-color: #ccc;
    }

    .reward-tabs .tab a:hover {
        color: #fff;
    }

    .reward-tabs .wechat-tab .active {
        color: #fff;
        background-color: #22AB38;
    }

    .reward-tabs .alipay-tab .active {
        color: #fff;
        background-color: #019FE8;
    }

    .reward-tabs .reward-img {
        width: 210px;
        height: 210px;
    }
</style>

<div id="reward">
    <a class="reward-link btn-floating btn-large waves-effect waves-light red">赏</a>

    <!-- Modal Structure -->
    <div id="rewardModal" class="modal">
        <div class="modal-content">
            <a class="close"><i class="fa fa-close"></i></a>
            <h4 class="reward-title">你的赏识是我前进的动力</h4>
            <div class="reward-content">
                <div class="reward-tabs">
                    <ul class="tabs">
                        <li class="tab wechat-tab waves-effect waves-light"><a class="active" href="#wechat">微信</a></li>
                        <li class="tab alipay-tab waves-effect waves-light"><a href="#alipay">支付宝</a></li>
                    </ul>
                    <div id="wechat">
                        <img src="/medias/reward/wechat.png" class="reward-img" alt="微信打赏二维码">
                    </div>
                    <div id="alipay">
                        <img src="/medias/reward/alipay.png" class="reward-img" alt="支付宝打赏二维码">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(function () {
        $('#reward .reward-link').on('click', function () {
            $('#rewardModal').openModal();
        });

        $('#rewardModal .close').on('click', function () {
            $('#rewardModal').closeModal();
        });
    });
</script>
            

            <link rel="stylesheet" type="text/css" href="/libs/share/css/share.min.css">

<div id="article-share">
    
    <div class="social-share" data-disabled="qzone" data-wechat-qrcode-helper="<p>微信里点“发现”->“扫一扫”二维码便可查看分享。</p>"></div>
    
</div>

<script src="/libs/share/js/social-share.min.js"></script>

            <div class="reprint">
                <p>
                    <span class="reprint-tip">
                        <i class="fa fa-exclamation-circle"></i>&nbsp;&nbsp;转载请注明:
                    </span>
                    <a href="http://muqianzhi.gitee.io" class="b-link-green">木千之的格物斋</a>
                    <i class="fa fa-angle-right fa-lg fa-fw text-color"></i>
                    <a href="/2019/03/26/基于Gitee-Hexo的个人博客搭建教程/" class="b-link-green">基于Gitee+Hexo的个人博客搭建教程</a>
                </p>
            </div>
        </div>
    </div>

    

    

    

    

    

    

<article id="prenext-posts" class="prev-next articles">
    <div class="row article-row">
        
        <div class="article col s12 m6" data-aos="fade-up">
            <div class="article-badge left-badge text-color">
                <i class="fa fa-chevron-left"></i>&nbsp;上一篇</div>
            <div class="card">
                <a href="/2019/04/01/2019年3月末周-入静观象：第一阶段的三个错误/">
                    <div class="card-image">
                        
                        
                        <img src="/medias/featureimages/25.jpg" class="responsive-img" alt="[2019年3月末周]入静观象：第一阶段的三个错误">
                        
                        <span class="card-title">[2019年3月末周]入静观象：第一阶段的三个错误</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary">
入静观象：第一阶段的三个错误一、从乾卦六爻谈起上周，终于开始正式阅读张其成先生版本的解读《周易》，单从开头的乾卦开始，自己试着反省人生轨迹，发现了存在的三个错误。
自己理解乾卦指出时乘六位以御天，是从日月升落时位变化中，总结出了人生中宏观</div>
                    <div class="publish-info">
                        <span class="publish-date">
                            <i class="fa fa-clock-o fa-fw icon-date"></i>2019-04-01
                        </span>
                        <span class="publish-author">
                            
                            <i class="fa fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/categories/青峦洗心/" class="post-category" target="_blank">
                                    青峦洗心
                                </a>
                            
                            
                        </span>
                    </div>
                </div>
                
                <div class="card-action article-tags">
                    
                    <a href="/tags/周志/" target="_blank">
                        <span class="chip bg-color">周志</span>
                    </a>
                    
                </div>
                
            </div>
        </div>
        
        
        <div class="article col s12 m6" data-aos="fade-up">
            <div class="article-badge right-badge text-color">
                下一篇&nbsp;<i class="fa fa-chevron-right"></i>
            </div>
            <div class="card">
                <a href="/2019/03/25/[2019年3月三周-忙碌状态]/">
                    <div class="card-image">
                        
                        
                        <img src="/medias/featureimages/12.jpg" class="responsive-img" alt="[2019年3月三周]忙碌状态">
                        
                        <span class="card-title">[2019年3月三周]忙碌状态</span>
                    </div>
                </a>
                <div class="card-content article-content">
                    <div class="summary">忙碌状态昨晚在单位加班，媳妇突然一句：19年过去四分之一了！猛然发觉春节过后时间竟然过得这样快！回头看看连着两周忙碌的自己，竟然忘记了时间的流逝，好的地方是感觉比较充实，不足的则是是否每次的时间选择都合理且效用最大呢？不急下结论，先来梳理下</div>
                    <div class="publish-info">
                            <span class="publish-date">
                                <i class="fa fa-clock-o fa-fw icon-date"></i>2019-03-25
                            </span>
                        <span class="publish-author">
                            
                            <i class="fa fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/categories/青峦洗心/" class="post-category" target="_blank">
                                    青峦洗心
                                </a>
                            
                            
                        </span>
                    </div>
                </div>
                
                <div class="card-action article-tags">
                    
                    <a href="/tags/周志/" target="_blank">
                        <span class="chip bg-color">周志</span>
                    </a>
                    
                </div>
                
            </div>
        </div>
        
    </div>
</article>
</div>


<script>
    $('#articleContent').on('copy', function (e) {
        // IE8 or earlier browser is 'undefined'
        if (typeof window.getSelection === 'undefined') return;

        var selection = window.getSelection();
        // if the selection is short let's not annoy our users.
        if (('' + selection).length < Number.parseInt('120')) {
            return;
        }

        // create a div outside of the visible area and fill it with the selected text.
        var bodyElement = document.getElementsByTagName('body')[0];
        var newdiv = document.createElement('div');
        newdiv.style.position = 'absolute';
        newdiv.style.left = '-99999px';
        bodyElement.appendChild(newdiv);
        newdiv.appendChild(selection.getRangeAt(0).cloneContents());

        // we need a <pre> tag workaround.
        // otherwise the text inside "pre" loses all the line breaks!
        if (selection.getRangeAt(0).commonAncestorContainer.nodeName === 'PRE') {
            newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
        }

        var url = document.location.href;
        newdiv.innerHTML += '<br />'
            + '来源: 木千之的格物斋<br />'
            + '作者: 木千之<br />'
            + '链接: <a href="' + url + '">' + url + '</a><br />'
            + '本文章著作权归作者所有，任何形式的转载都请注明出处。';

        selection.selectAllChildren(newdiv);
        window.setTimeout(function () {bodyElement.removeChild(newdiv);}, 200);
    });
</script>

    </div>
    <div class="col l3 hide-on-med-and-down">
        <div class="toc-widget">
            <div class="toc-title"><i class="fa fa-list-alt"></i>&nbsp;&nbsp;目录</div>
            <div id="toc-content"></div>
        </div>
    </div>
</div>

<script src="/libs/tocbot/tocbot.min.js"></script>
<script>
    $(function () {
        tocbot.init({
            tocSelector: '#toc-content',
            contentSelector: '#articleContent',
            headingsOffset: -($(window).height() * 0.4 - 45),
            // headingsOffset: -205,
            headingSelector: 'h2, h3, h4'
        });

        // modify the toc link href to support Chinese.
        let i = 0;
        let tocHeading = 'toc-heading-';
        $('#toc-content a').each(function () {
            $(this).attr('href', '#' + tocHeading + (++i));
        });

        // modify the heading title id to support Chinese.
        i = 0;
        $('#articleContent').children('h2, h3, h4').each(function () {
            $(this).attr('id', tocHeading + (++i));
        });

        // Set scroll toc fixed.
        let tocHeight = parseInt($(window).height() * 0.4 - 64);
        let $tocWidget = $('.toc-widget');
        $(window).scroll(function () {
            let scroll = $(window).scrollTop();
            /* add post toc fixed. */
            if (scroll > tocHeight) {
                $tocWidget.addClass('toc-fixed');
            } else {
                $tocWidget.removeClass('toc-fixed');
            }
        });
    });
</script>
    

</main>


<footer class="page-footer bg-color">
    <div class="container row center-align">
        <div class="col s12 m8 l8 copy-right">
            本站由&copy;<a href="http://muqianzhi.gitee.io" target="_blank">木千之</a>基于
            <a href="https://hexo.io/" target="_blank">Hexo</a> 的
            <a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">hexo-theme-matery</a>主题搭建.

            

            
			
                <br>
                
                <span id="busuanzi_container_site_pv">
                    <i class="fa fa-heart-o"></i>
                    本站总访问量 <span id="busuanzi_value_site_pv" class="white-color"></span>
                </span>
                
                
                <span id="busuanzi_container_site_uv">
                    <i class="fa fa-users"></i>
                    次,&nbsp;访客数 <span id="busuanzi_value_site_uv" class="white-color"></span> 人.
                </span>
                
            
        </div>
        <div class="col s12 m4 l4 social-link social-statis">


    <a href="mailto:windhawk_wings@163.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fa fa-envelope-open"></i>
    </a>



    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=2796418272" class="tooltipped" data-tooltip="QQ联系我: 2796418272" data-position="top" data-delay="50">
        <i class="fa fa-qq"></i>
    </a>



    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
        <i class="fa fa-rss"></i>
    </a>
</div>
    </div>
</footer>

<div class="progress-bar"></div>


<!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fa fa-search"></i>&nbsp;&nbsp;搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input" autofocus="">
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script src="/js/search.js"></script>
<script type="text/javascript">
    searchFunc("/" + "search.xml", 'searchInput', 'searchResult');
</script>
<!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fa fa-angle-up"></i>
    </a>
</div>


<script src="/libs/materialize/js/materialize.min.js"></script>
<script src="/libs/masonry/masonry.pkgd.min.js"></script>
<script src="/libs/aos/aos.js"></script>
<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
<script src="/js/matery.js"></script>

<!-- Global site tag (gtag.js) - Google Analytics -->



    <script src="/libs/others/clicklove.js"></script>


    <script async src="/libs/others/busuanzi.pure.mini.js"></script>


</body>
</html>